<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>Frontline</title>
	<meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
	
	<!-- JS
	================================================== -->
	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script src="js/superfish.js"></script>
	<script src="js/selectnav.js"></script>
	<script src="js/jquery.tweet.js"></script>
	<script src="js/jquery.fancybox.js"></script>
	<script src="js/functions.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

	<div id="wrapper">
	
		
		<div class="main">
		<div class="container">
		
				<!-- Header - Phone & Social
				================================================== -->	
				<div class="sixteen columns header">
					<div class="phone">Call Us Now! +1-800-453-5577</div>
					<div class="social">
						<a class="twitter" href="#"></a> 
						<a class="rss" href="#"></a>
					</div>	
				</div>
				<div class="clear"></div>
				
				<!-- Header - Logo & Navigation
				================================================== -->
				<div class="sixteen columns top">
					<div class="logo four columns alpha"><a href="index.html"><img src="images/logo.png" alt="" /></a></div>
					<div class="navigation twelve columns alpha omega">
						<ul id="nav" class="sf-menu sf-shadow">
							<li><a data-description="Welcome Page" href="index.html">Home</a></li>
							<li class="active">
								<a data-description="Feature Pages" href="about.html">Features</a>
								<ul>
									<li><a href="about.html">About Us</a></li>
									<li><a href="services.html">Services</a></li>
									<li><a href="testimonials.html">Testimonials</a></li>
									<li><a href="pricing.html">Pricing Table</a></li>
									<li><a href="shortcodes.html">Shortcodes</a></li>
									<li><a href="text-columns.html">Text Columns</a></li>
									<li>
										<a href="#">3rd Level</a>
										<ul>
											<li><a href="#">Third Level</a>
											</li><li><a href="#">Element</a>
											</li><li><a href="#">Here</a>
										</li></ul>
									
								</li></ul>
							
							<li>
								<a data-description="Our work" href="portfolio2.html">Portfolio</a>
								<ul>
									<li><a href="portfolio2.html">2 Columns</a></li>
									<li><a href="portfolio3.html">3 Columns</a></li>
									<li><a href="portfolio4.html">4 Columns</a></li>
								</ul>
							</li>
							<li>
								<a data-description="Our News" href="blog.html">Blog</a>
								<ul>
									<li><a href="blog.html">Blog Layout</a></li>
									<li><a href="blog-post.html">Blog Post</a></li>
								</ul>
							</li>
							<li><a data-description="Get In Touch" href="contact.html">Contacts</a></li>
						</li></ul>
					</div>
					<div class="clear"></div>
					<div id="separator"><span></span></div> 
					
				</div>
				<div class="clear"></div>
				
				
				

				<!-- Pricing table
				================================================== -->
				<div class="pricing_page sixteen columns row">
					<h2 class="separator_title"><span>Pricing</span> Table</h2>
					<div class="separator"><div class="green"></div><div class="grey"></div></div>
					<br />
					<table class="pricing">
					<thead>
						<tr>
							<th>Basic <span>Free</span></th>
							<th>Professional <span>$39 /mo</span></th>
							<th class="active">Business <span>$89 /mo</span></th>
							<th>Enterprise <span>$139 /mo</span></th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td><strong>5</strong> Products</td>
							<td><strong>25</strong> Products</td>
							<td><strong>100</strong> Products</td>
							<td><strong>300</strong> Products</td>
						</tr>
						
						<tr>
							<td><strong>1</strong> User</td>
							<td><strong>25</strong> Users</td>
							<td><strong>75</strong> Users</td>
							<td><strong>175</strong> Users</td>
						</tr>
						
						<tr>
							<td><strong>1GB</strong> Storage</td>
							<td><strong>5GB</strong> Storage</td>
							<td><strong>10GB</strong> Storage</td>
							<td><strong>30GB</strong> Storage</td>
						</tr>
						
						<tr>
							<td><strong>500GB</strong> Bandwidth</td>
							<td><strong>750GB</strong> Bandwidth</td>
							<td><strong>1TB</strong> Bandwidth</td>
							<td><strong>10TB</strong> Bandwidth</td>
						</tr>
						
						<tr>
							<td><strong>5</strong> Subdomains</td>
							<td><strong>10</strong> Subdomains</td>
							<td><strong>20</strong> Subdomains</td>
							<td><strong>40</strong> Subdomains</td>
						</tr>
						
						<tr>
							<td><strong>25GB</strong> Backup</td>
							<td><strong>50GB</strong> Backup</td>
							<td><strong>75GB</strong> Backup</td>
							<td><strong>100GB</strong> Backup</td>
						</tr>
						
						<tr>
							<td><strong>10</strong> MySQL Databases</td>
							<td><strong>30</strong> MySQL Databases</td>
							<td><strong>70</strong> MySQL Databases</td>
							<td><strong>90</strong> MySQL Databases</td>
						</tr>
						
						<tr>
							<td><span class="available"><strong>24/7</strong> Live Support</span></td>
							<td><span class="available"><strong>24/7</strong> Live Support</span></td>
							<td><span class="available"><strong>24/7</strong> Live Support</span></td>
							<td><span class="available"><strong>24/7</strong> Live Support</span></td>
						</tr>
						
						<tr>
							<td><span class="available"><strong>Debian</strong> Linux</span></td>
							<td><span class="available"><strong>Debian</strong> Linux</span></td>
							<td><span class="available"><strong>Debian</strong> Linux</span></td>
							<td><span class="available"><strong>Debian</strong> Linux</span></td>
						</tr>
						
						<tr>
							<td><span class="not_available"><strong>CentOS</strong> Linux</span></td>
							<td><span class="available"><strong>CentOS</strong> Linux</span></td>
							<td><span class="available"><strong>CentOS</strong> Linux</span></td>
							<td><span class="available"><strong>CentOS</strong> Linux</span></td>
						</tr>
						
						<tr>
							<td><span class="not_available"><strong>Virtualmin</strong> Control Panel</span></td>
							<td><span class="available"><strong>Virtualmin</strong> Control Panel</span></td>
							<td><span class="available"><strong>Virtualmin</strong> Control Panel</span></td>
							<td><span class="available"><strong>Virtualmin</strong> Control Panel</span></td>
						</tr>
						
						<tr>
							<td><a class="button" href="#">Sign Up <span>Free</span></a></td>
							<td><a class="button" href="#">Sign Up <span>$39/mo</span></a></td>
							<td class="price"><a class="button green" href="#">Sign Up <span>$89/mo</span></a></td>
							<td><a class="button" href="#">Sign Up <span>$139/mo</span></a></td>
						</tr>
						
					</tbody>
					</table>
					<br /><br />
				</div>
				<!-- END sidebar -->
				
				
				
				
				
				
				
				
				
			
		</div>
		<!-- END container -->
		<a id="goto_top" href="#"></a>
		</div>
		<!-- END main -->
		
	</div>
	<!-- END wrapper -->

	<div id="footer">
		<div id="f_line"></div>
		<div class="container">
			<div class="footer sixteen columns">
				<div class="three columns alpha">
					<h3>NAVIGATE</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Services</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contacts</a></li>
					</ul>
				</div>
				
				<div class="three columns">
					<h3>POWERED BY</h3>
					<ul>
						<li><a href="#">PHP</a></li>
						<li><a href="#">MySQL</a></li>
						<li><a href="#">Apache</a></li>
						<li><a href="#">Wordpress</a></li>
						<li><a href="#">Linux</a></li>
					</ul>
				</div>
				
				<div class="social three columns">
					<h3>WE'RE SOCIAL</h3>
					<ul>
						<li><a class="twitter" href="#">Twitter</a></li>
						<li><a class="facebook" href="#">Facebook</a></li>
						<li><a class="flickr" href="#">Flickr</a></li>
						<li><a class="rss" href="#">RSS Feed</a></li>
					</ul>
				</div>
				
				<div class="facebook_box seven columns omega">
					
				</div> 
				
			</div>
		</div>		
	</div>
	<div id="footer_bottom">
		<div class="container">
			<div class="sixteen columns">
				<div class="copyright ten columns alpha">Copyright &copy; 2012 Frontline Theme Demo. All Rights Reserved</div>
				<div class="links six columns alpha omega">
					<a href="#">Sitemap</a> | <a href="#">Privacy</a> | <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
				</div>
			</div>
		</div>
	</div>
	<!-- END footer -->

</body>
</html>